<template>
  <div>
  <van-notice-bar left-icon="volume-o" :scrollable="false">
  <van-swipe vertical class="notice-swipe" :autoplay="3000" :show-indicators="false">
    <van-swipe-item v-for="item in announcement" :key="item.no">{{item.list1}}</van-swipe-item>
  </van-swipe>
</van-notice-bar>

  </div>
</template>

<script>
import Vue from 'vue'
import { Cell, CellGroup, NoticeBar, Swipe } from 'vant'
Vue.use(Cell).use(CellGroup).use(NoticeBar).use(Swipe)
export default{
  name: 'Announcement',
  data () {
    return {
      announcement: [
        { list1: '关于2018/12/14停水通知', no: '1'
        },
        {
          list1: '关于2019/12/14停电通知', no: '2'
        },
        {
          list1: '关于2020/12/14停水停电通知', no: '3'
        }
      ]
    }
  }
}
</script>

<style scoped>
.notice-swipe {
    height: 40px;
    line-height: 40px;
  }
</style>
